﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>创建调度任务-Step2：设置调度模式</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <!-- #CSS Links -->
    <!-- Basic Styles -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/font-awesome.css">

    <!-- SmartAdmin Styles : Caution! DO NOT change the order -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-production-plugins.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-production.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-skins.css">
    <!-- SmartAdmin RTL Support -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-rtl.css">
    <!-- Demo purpose only: goes with demo.js, you can delete this css when designing your own WebApp -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/demo.css">
    <!-- #FAVICONS -->
    <link rel="shortcut icon" href="img/favicon/favicon.ico" type="image/x-icon">
    <link rel="icon" href="img/favicon/favicon.ico" type="image/x-icon">
    <!-- #GOOGLE FONT -->
    <link rel="stylesheet" href="css/open-sans.css" type="text/css">
    <!-- #APP SCREEN / ICONS -->
    <link rel="apple-touch-icon" href="img/splash/sptouch-icon-iphone.png">
    <link rel="apple-touch-icon" sizes="76x76" href="img/splash/touch-icon-ipad.png">
    <link rel="apple-touch-icon" sizes="120x120" href="img/splash/touch-icon-iphone-retina.png">
    <link rel="apple-touch-icon" sizes="152x152" href="img/splash/touch-icon-ipad-retina.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- Startup image for web apps -->
    <link rel="apple-touch-startup-image" href="img/splash/ipad-landscape.png"
          media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)">
    <link rel="apple-touch-startup-image" href="img/splash/ipad-portrait.png"
          media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)">
    <link rel="apple-touch-startup-image" href="img/splash/iphone.png" media="screen and (max-device-width: 320px)">
    <link href="appcss/Common.css" rel="stylesheet" />
</head>
<body class="desktop-detected minified">

    <!-- #MAIN PANEL -->
    <div id="main" role="main">

        <!-- RIBBON -->
        <div id="ribbon">

            <span class="ribbon-button-alignment">
                <span class="btn btn-ribbon"><i class="fa fa-home"></i></span>
            </span>

            <!-- breadcrumb -->
            <ol class="breadcrumb">
                <li><a href="SchedulingTaskManagement.html">调度任务管理</a></li>
                <li>创建调度任务-Step2：设置调度模式</li>
            </ol>
            <!-- end breadcrumb -->

        </div>
        <!-- END RIBBON -->
        <!-- MAIN CONTENT -->
        <div id="content">
            <div class="row hidden">
                <div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
                    <h1 class="page-title txt-color-blueDark">
                        <i class="fa fa-edit fa-fw "></i>
                        主页
                        <span>
                            >
                            创建调度任务-Step2：设置调度模式
                        </span>
                    </h1>
                </div>

            </div>

            <!-- widget grid -->
            <section id="widget-grid" class="">

                <!-- row -->
                <div class="row">

                    <!-- NEW WIDGET START -->
                    <!-- NEW WIDGET START -->
                    <article class="col-sm-12 col-md-12 ">

                        <!-- Widget ID (each widget will need unique ID)-->
                        <div class="jarviswidget" id="wid-id-2" data-widget-colorbutton="false"
                             data-widget-editbutton="false">
                            <header>
                                <h2>创建调度任务-Step2：设置调度模式</h2>

                            </header>

                            <!-- widget div-->
                            <div>

                                <!-- widget edit box -->
                                <div class="jarviswidget-editbox">
                                    <!-- This area used as dropdown edit box -->

                                </div>
                                <!-- end widget edit box -->
                                <!-- widget content -->
                                <div class="widget-body no-padding">

                                    <!-- Success states for elements -->

                                    <form action="" class="smart-form" id="Add-Form">
                                        <header>填写相关信息</header>
                                        <fieldset>
                                            <section>
                                                <label class="label">数据服务</label>
                                                <label class="input">
                                                    <input type="text" value="DataService" id="ServiceName" disabled="disabled" />
                                                </label>
                                            </section>
                                            <section>
                                                <label class="label">数据服务类型</label>
                                                <label class="input">
                                                    <input type="text" value="WebService" id="ServiceType" disabled="disabled" />
                                                </label>
                                            </section>
                                            <section>
                                                <label class="label">数据源</label>
                                                <label class="input">
                                                    <input type="text" value="DataSource" id="SourceName" disabled="disabled" />
                                                </label>
                                            </section>
                                            <section>
                                                <label class="label">板块</label>
                                                <label class="input">
                                                    <select id="ctlListTaskCategory">
                                                        <option value="">选择板块</option>
                                                    </select>
                                                </label>
                                            </section>
                                            <section>
                                                <label class="label">系统</label>
                                                <label class="input">
                                                    <select id="ctlListSubTaskCategory">
                                                        <option value="">选择系统</option>
                                                    </select>
                                                </label>
                                            </section>
                                            <section>
                                                <label class="label">调度服务名称</label>
                                                <label class="input">
                                                    <input type="text" value="" name="Name" class="required  field" />
                                                    <b class="tooltip tooltip-top-right">
                                                        <i class="fa fa-warning txt-color-teal"></i>
                                                        必须由字母开头的数字、字母与下划线构成。
                                                    </b>
                                                </label>
                                            </section>
                                            <section>
                                                <label class="label">完成事件</label>
                                                <label class="input">
                                                    <input type="text" value="" class="field" id="CompleteEvent" name="CompleteEvent" />
                                                </label>
                                            </section>
                                            <section>
                                                <div class="inline-group">
                                                    <label class="checkbox">
                                                        <input type="checkbox" id="EnableDataVerificationOption">
                                                        <i></i>启用数据审核
                                                    </label>
                                                    <label class="checkbox">
                                                        <input type="checkbox" id="EnableCodeConversionOption">
                                                        <i></i>启用编码转换
                                                    </label>
                                                </div>
                                            </section>
                                        </fieldset>
                                        <fieldset>
                                            <section>
                                                <label class="label">执行模式</label>

                                                <div class="inline-group">
                                                    <label class="radio ">
                                                        <input type="radio" data-type="" value="3" name="RunModeId" class="TaskType" checked="checked" />
                                                        <i></i>手动
                                                    </label>
                                                    <label class="radio ">
                                                        <input type="radio" data-type="timer" value="1" class="TaskType" name="RunModeId" />
                                                        <i></i>定时器
                                                    </label>
                                                    <label class="radio">
                                                        <input type="radio" data-type="alarmclock " value="2" class="TaskType" name="RunModeId" />
                                                        <i></i>闹钟
                                                    </label>
                                                    <label class="radio">
                                                        <input type="radio" data-type="event" value="4" class="TaskType" name="RunModeId" />
                                                        <i></i>事件触发
                                                    </label>
                                                </div>
                                            </section>
                                            <section>
                                                <input value="3" name="RunMode" type="hidden" id="RunModeId" />
                                            </section>
                                        </fieldset>
                                        <fieldset id="timer" class="taskoption" style="display: none;">

                                            <section>
                                                <label class="label">开始日期</label>
                                                <label class="input">
                                                    <i class="icon-append fa fa-calendar"></i>
                                                    <input type="text" onclick="WdatePicker(({ dateFmt: 'yyyy-MM-dd H:mm:ss' }))" class="typeOption timerOption Wdate" id="timer-begindata" name="timer-begindata" />
                                                </label>
                                            </section>
                                            <section>
                                                <label class="label">间隔</label>
                                                <label class="input">
                                                    <input type="text" class="typeOption timerOption" id="timer-interval-value" name="timer-interval-value" />
                                                </label>
                                            </section>
                                            <section>
                                                <label class="label">间隔单位</label>
                                                <label class="select">
                                                    <select id="timer-interval-type" name="timer-interval-type">
                                                        <option value="1">天</option>
                                                        <option value="2">小时</option>
                                                        <option value="3">分</option>
                                                    </select>
                                                </label>
                                            </section>
                                        </fieldset>
                                        <fieldset id="alarmclock" class="taskoption" style="display: none;">
                                            <section>
                                                <div>
                                                    <a class="btn btn-default" href="javascript:void(0);" onclick="addalarmclock()"
                                                       style="padding: 6px 12px !important;">新增</a>
                                                </div>
                                            </section>
                                            <section>
                                                <label class="label">闹钟列表</label>
                                                <table class="table table-bordered table-condensed table-hover smart-form " id="table-alarmclock-details">
                                                    <thead>
                                                        <tr>
                                                            <th>类型</th>
                                                            <th id="TypeName">时间</th>
                                                            <th>操作</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody></tbody>
                                                </table>
                                            </section>
                                        </fieldset>

                                        <fieldset id="event" class="taskoption" style="display: none;">
                                            <section>
                                                <label class="label">事件</label>
                                                <label class="input">
                                                    <input type="text" class="typeOption eventOption" id="event-interval-value" name="event-interval-value" />
                                                </label>
                                            </section>
                                        </fieldset>
                                        <fieldset>
                                            <section>
                                                <label class="label">参数</label>
                                                <table class="table table-bordered  table-hover smart-form"
                                                       id="table-details">
                                                    <thead>
                                                        <tr>
                                                            <th>名称</th>
                                                            <th>类型</th>
                                                            <th>数据值类型</th>
                                                            <th>值</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody></tbody>
                                                </table>
                                            </section>
                                        </fieldset>
                                        <footer>
                                            <button type="submit" class="btn btn-primary">下一步</button>
                                        </footer>
                                    </form>
                                    <!--/ Success states for elements -->
                                </div>
                                <!-- end widget content -->
                            </div>
                            <!-- end widget div -->
                        </div>
                        <!-- end widget -->
                    </article>
                </div>

                <!-- end row -->

            </section>
        </div>
        <!-- END MAIN CONTENT -->
    </div>


    <!--================================================== -->
    <!-- PACE LOADER - turn this on if you want ajax loading to show (caution: uses lots of memory on iDevices)
    <script data-pace-options='{ "restartOnRequestAfter": true }' src="js/plugin/pace/pace.min.js"></script>-->
    <!-- #PLUGINS -->
    <!-- Link to Google CDN's jQuery + jQueryUI; fall back to local -->


    <script src="js/libs/jquery-2.1.1.min.js"></script>
    <script src="js/libs/jquery-ui-1.10.3.min.js"></script>
    <!-- BOOTSTRAP JS -->
    <script src="js/bootstrap/bootstrap.min.js"></script>

    <!-- IMPORTANT: APP CONFIG -->
    <script src="js/app.config.js"></script>


    <!-- CUSTOM NOTIFICATION -->
    <script src="js/notification/SmartNotification.min.js"></script>

    <!-- JARVIS WIDGETS -->
    <script src="js/smartwidgets/jarvis.widget.min.js"></script>


    <!-- SPARKLINES -->
    <script src="js/plugin/sparkline/jquery.sparkline.min.js"></script>

    <!-- JQUERY MASKED INPUT -->
    <script src="js/plugin/masked-input/jquery.maskedinput.min.js"></script>


    <!-- JQUERY UI + Bootstrap Slider -->
    <script src="js/plugin/bootstrap-slider/bootstrap-slider.min.js"></script>

    <script src="js/plugin/jquery-validate/jquery.validate.min.js"></script>
    <script src="js/plugin/jquery-validate/jquery.metadata.js"></script>
    <script src="js/plugin/jquery-validate/messages_cn.js"></script>
    <script src="js/plugin/My97DatePicker/WdatePicker.js"></script>
    <script src="js/moment.js"></script>
    <script src="appjs/Common.js"></script>
    <script src="appjs/Helper.js"></script>
    <script src="appjs/SchedulingTaskCreateTwo.js"></script>
    <!--新增Begin-->
    <div aria-hidden="true" aria-labelledby="remoteModalLabel" role="dialog" tabindex="-1" id="add-alarmclock-modal"
         class="modal fade" style="display: none;">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button aria-hidden="true" data-dismiss="modal" class="close" type="button">
                        ×
                    </button>
                    <h4 class="modal-title">新增列</h4>
                </div>
                <div class="modal-body no-padding">

                    <form class="smart-form" id="add-alarmclock-form" method="POST">
                        <fieldset>
                            <section>
                                <label class="label">类型</label>
                                <label class="select">
                                    <select name="add-alarmclock-type" id="add-alarmclock-type">
                                        <option value="1">每年</option>
                                        <option value="2">每月</option>
                                        <option value="3">每周</option>
                                        <option value="4">每天</option>
                                    </select>
                                </label>
                            </section>
                            <section id="insert-other">
                                <label class="label">值</label>

                                <label class="input">
                                    <i class="icon-append fa fa-calendar"></i>
                                    <input type="text" class="required" name="add-alarmclock-value" id="add-alarmclock-value" />
                                    <b class="tooltip tooltip-top-right">
                                        <i class="fa fa-warning txt-color-teal"></i>
                                        注：在“每月”下如果当月没有选择的日期，则自动变为该月最后一天执行。
                                    </b>
                                </label>
                            </section>
                            <div class="row" id="insert-week" style="display: none;">
                                <section class="col col-6">
                                    <label class="select">
                                        <i class="icon-append fa fa-calendar"></i>
                                        <select class="required" name="add-alarmclock-value-week" id="add-alarmclock-value-week">
                                            <option value="1">星期一</option>
                                            <option value="2">星期二</option>
                                            <option value="3">星期三</option>
                                            <option value="4">星期四</option>
                                            <option value="5">星期五</option>
                                            <option value="6">星期六</option>
                                            <option value="7">星期日</option>
                                        </select>
                                    </label>
                                </section>
                                <section class="col col-6">
                                    <label class="input"> <i class="icon-append fa fa-calendar"></i><input type="text" class="required" onclick="WdatePicker(({ dateFmt: 'HH:mm:ss' }));" placeholder="时间" id="add-alarmclock-value-time" name="add-alarmclock-value-time" /></label>
                                </section>
                            </div>
                        </fieldset>


                        <footer>
                            <button class="btn btn-primary" type="submit" id="add-column">
                                提交
                            </button>
                            <button data-dismiss="modal" class="btn btn-default" type="button">
                                取消
                            </button>
                        </footer>

                    </form>
                </div>
            </div>
        </div>
    </div>
    <!--新增End-->
    <!--编辑Begin-->
    <div aria-hidden="true" aria-labelledby="remoteModalLabel" role="dialog" tabindex="-1" id="update-alarmclock-modal"
         class="modal fade" style="display: none;">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button aria-hidden="true" data-dismiss="modal" class="close" type="button">
                        ×
                    </button>
                    <h4 class="modal-title">编辑列</h4>
                </div>
                <div class="modal-body no-padding">

                    <form class="smart-form" id="update-alarmclock-form" method="POST">
                        <fieldset>
                            <section>
                                <label class="label">类型</label>
                                <label class="select">
                                    <select name="update-alarmclock-type" id="update-alarmclock-type">
                                        <option value="1">每年</option>
                                        <option value="2">每月</option>
                                        <option value="3">每周</option>
                                        <option value="4">每天</option>
                                    </select>
                                </label>
                            </section>
                            <section id="update-other">
                                <label class="label">值</label>

                                <label class="input" id="Label1">
                                    <i class="icon-append fa fa-calendar"></i>
                                    <input type="text" class="required" id="update-alarmclock-value" name="update-alarmclock-value" />
                                </label>
                            </section>
                            <div class="row" id="update-week" style="display: none;">
                                <section class="col col-6">
                                    <label class="select">
                                        <i class="icon-append fa fa-calendar"></i>
                                        <select class="required" name="update-alarmclock-value-week" id="update-alarmclock-value-week">
                                            <option value="1">星期一</option>
                                            <option value="2">星期二</option>
                                            <option value="3">星期三</option>
                                            <option value="4">星期四</option>
                                            <option value="5">星期五</option>
                                            <option value="6">星期六</option>
                                            <option value="7">星期日</option>
                                        </select>
                                    </label>
                                </section>
                                <section class="col col-6">
                                    <label class="input"> <i class="icon-append fa fa-calendar"></i><input class="required" type="text" onclick="WdatePicker(({ dateFmt: 'HH:mm:ss' }));" placeholder="时间" id="update-alarmclock-value-time" name="update-alarmclock-value-time" /></label>
                                </section>
                            </div>
                        </fieldset>

                        <footer>
                            <button class="btn btn-primary" type="submit" id="update-column">
                                提交
                            </button>
                            <button data-dismiss="modal" class="btn btn-default" type="button">
                                取消
                            </button>
                        </footer>

                    </form>
                </div>
            </div>
        </div>
    </div>
    <!--编辑End-->
    <!--值提示Begin-->
    <div aria-hidden="true" aria-labelledby="remoteModalLabel" role="dialog" tabindex="-1" id="valuetip"
         class="modal fade" style="display: none;">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button aria-hidden="true" data-dismiss="modal" class="close" type="button">
                        ×
                    </button>
                    <h4 class="modal-title">表达式值说明</h4>
                </div>
                <div class="modal-body no-padding">

                    <form class="smart-form" method="POST">
                        <fieldset>
                            <section>
                                <table class="table table-bordered  table-hover smart-form"
                                       id="table1">
                                    <thead>
                                        <tr>
                                            <th>值</th>
                                            <th>说明</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>DateTime.Now()</td>
                                            <td>获取当前时间</td>
                                        </tr>
                                        <tr>
                                            <td>DateTime.Now().AddDays(int days)</td>
                                            <td>在当前时间上增加几天</td>

                                        </tr>
                                        <tr>
                                            <td>DateTime.Now().AddMonths(int months)</td>
                                            <td>在当前时间上增加几月</td>
                                        </tr>
                                        <tr>
                                            <td>DateTime.Now().AddYears(int years)</td>
                                            <td>在当前时间上增加几年</td>
                                        </tr>
                                        <tr>
                                            <td>DateTime.Now().ToString(string format)</td>
                                            <td>当日期输出为特定的格式</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </section>
                        </fieldset>
                        <footer>
                            <button data-dismiss="modal" class="btn btn-default" type="button">
                                关闭
                            </button>
                        </footer>

                    </form>
                </div>
            </div>
        </div>
    </div>
    <!--值提示End-->
    <!--值提示Begin-->
    <div aria-hidden="true" aria-labelledby="remoteModalLabel" role="dialog" tabindex="-1" id="valuetip3"
         class="modal fade" style="display: none;">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button aria-hidden="true" data-dismiss="modal" class="close" type="button">
                        ×
                    </button>
                    <h4 class="modal-title">循环数组值说明</h4>
                </div>
                <div class="modal-body no-padding">

                    <form class="smart-form" method="POST">
                        <fieldset>
                            <section>
                                <table class="table table-bordered  table-hover smart-form"
                                       id="table1">
                                    <thead>
                                        <tr>
                                            <th>说明</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>输入具体的传递给参数的值，通过逗号（英文）间隔，任务执行时会循环通过这些值来调用接口获取数据。</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </section>
                        </fieldset>
                        <footer>
                            <button data-dismiss="modal" class="btn btn-default" type="button">
                                关闭
                            </button>
                        </footer>

                    </form>
                </div>
            </div>
        </div>
    </div>
    <!--值提示End-->
</body>
</html>
